<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Gadgets: OpenSocial and iGoogle</title>
<style type="text/css">
@import url("css/styles.css");
</style>
</head>
<body>
<div id="container">
  <div id="header">
    <div id="logo"><a href="index.html"><img src="img/creative-logo-110x40.png" alt="Google Creative Breakfast" width="110" height="40" border="0" /></a></div>
    <div id="logos"><a href="geo-demos.html"><img src="img/button-geo-100x40.png" alt="Google Geo" width="100" height="40" border="0" /></a> <a href="yt-demos.html"><img src="img/button-yt-100x40.png" alt="YouTube" width="100" height="40" border="0" /></a> <a href="opensocial-demos.html"><img src="img/button-opensocial-100x40.png" alt="OpenSocial &amp; iGoogle" width="100" height="40" border="0" /></a></div>
  </div>
  <h1>Gadgets: OpenSocial and iGoogle </h1>
  <p>Learn | <a href="opensocial-demos.html">Play</a></p>
  <h2>Overview</h2>
  There is a great quantity of quality resources to help get you started on making your first gadgets and OpenSocial applications. This page links to all those great resources from one easy location.
  <div id="contents"><a href="#maps">Google Gadgets API</a>
    </p>
    <p><a href="#streetview">OpenSocial API</a></p>
  </div>
  <h2><a name="gadgets" id="gadgets"></a>Google Gadgets API</h2>
  <ul class="learnlist">
    <li>Get started with the <a href="http://code.google.com/apis/gadgets/" target="_blank">Google Gadgets API</a></li>
    <li>Use the <a href="http://code.google.com/apis/gadgets/docs/legacy/dev_guide.html" target="_blank">Legacy Gadget API</a> to develop gadgets for iGoogle at present</li>
    <li>Try out iGoogle v2 by visiting this <a href="http://www.google.com/ig/sandbox" target="_blank">link</a>, entering your details, and then you will be given access to the iGoogle sandbox. Use the <a href="http://code.google.com/apis/gadgets/docs/dev_guide.html" target="_blank">new Gadgets API</a> to develop gadgets for iGoogle v2. iGoogle v2 is OpenSocial-ready and supports full-screen gadgets. </li>
    <li>Learn about creating themes for iGoogle with the <a href="http://code.google.com/apis/themes/" target="_blank">Themes API </a></li>
    <li>Participate in discussions and receive support at the <a href="http://groups.google.com/group/Google-Gadgets-API" target="_blank">iGoogle Developer Forum</a> </li>
    <li>Subscribe to the <a href="http://googlegadgetsapi.blogspot.com/" target="_blank">iGoogle Developers blog</a> and keep up to date with the latest tips and updates</li>
    <li>Discover, install, and play with others' gadgets in the <a href="http://www.google.com/ig/directory?cat=featured&amp;sort=popular" target="_blank">Gadgets Directory</a></li>
    <li>Interact with <a href="http://www.google.com/adwords/gadgetads/gallery.html" target="_blank"><strong>Gadget Ads from all over the world</strong></a> </li>
  </ul>
  <h2><a name="opensocial" id="opensocial"></a>OpenSocial API</h2>
  <ul class="learnlist">
    <li>Learn about and get started with <a href="http://code.google.com/apis/opensocial/" target="_blank">OpenSocial</a> </li>
    <li>Read the<a href="http://code.google.com/apis/opensocial/gettingstarted.html" target="_blank"> API Getting Started guide</a> and <a href="http://code.google.com/apis/opensocial/docs/0.8/reference/" target="_blank">API reference documentation</a> </li>
    <li>Participate in discussions and receive support at the <a href="http://groups.google.com/group/opensocial" target="_blank">OpenSocial Group</a></li>
    <li>Play with some <a href="http://opensocial-examples.googlemashups.com/" target="_blank">OpenSocial applications</a> to discover what can be done </li>
    <li>Subscribe to the <a href="http://opensocialapis.blogspot.com/" target="_blank">OpenSocial blog</a> and keep up to date with the latest tips and updates </li>
    <li>Find out more at the <a href="http://wiki.opensocial.org/" target="_blank">OpenSocial Wiki</a></li>
    <li>Install the <a href="http://osda.appspot.com/" target="_blank">OpenSocial Dev App</a> for your favourite containers</li>
    <li>View a full list of <a href="http://www.youtube.com/view_play_list?p=5F0F046F77B7B62A" style="color:rgb(194, 29, 12);outline-style:none;outline-width:initial;outline-color:initial" target="_blank">OpenSocial videos here</a></li>
    <li>Check out <a href="http://opensocial.org/" style="outline-style:none;outline-width:initial;outline-color:initial;color:rgb(8, 82, 123)" target="_blank">OpenSocial.org</a> and the <a href="http://wiki.opensocial.org/" style="outline-style:none;outline-width:initial;outline-color:initial;color:rgb(8, 82, 123)" target="_blank">OpenSocial wiki</a></li>
    <li>Learn how to <a href="http://code.google.com/apis/opensocial/articles/appengine-0.8.html" target="_blank">Build an OpenSocial App with Google App Engine</a></li>
    <li>Use &amp; contribute to the <a href="http://code.google.com/p/opensocial-java-client/" target="_blank">OpenSocial Java client library</a></li>
    <li>Use &amp; contribute to the <a href="http://code.google.com/p/opensocial-ruby-client/" target="_blank">OpenSocial Ruby client library</a></li>
  </ul>
  <h3>YouTube videos</h3>
  View a full list of <a href="http://www.youtube.com/view_play_list?p=5F0F046F77B7B62A" target="_blank">OpenSocial videos here</a><br />
  <br />
  <table border="0" cellspacing="0" cellpadding="5">
    <tr>
      <td><object width="425" height="344">
          <param name="movie" value="http://www.youtube.com/v/9KOEbAZJTTk&hl=en&fs=1">
          </param>
          <param name="allowFullScreen" value="true">
          </param>
          <embed src="http://www.youtube.com/v/9KOEbAZJTTk&hl=en&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed>
      </object></td>
      <td><object width="425" height="344">
          <param name="movie" value="http://www.youtube.com/v/9gW2YVBrNVA&hl=en&fs=1">
          </param>
          <param name="allowFullScreen" value="true">
          </param>
          <embed src="http://www.youtube.com/v/9gW2YVBrNVA&hl=en&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed>
      </object></td>
    </tr>
    <tr>
      <td>Introducing OpenSocial (57:23) </td>
      <td>OpenSocial Tutorial - Part 1: Gadget Basics (3:07) <br />
        <a href="http://www.youtube.com/view_play_list?p=5F0F046F77B7B62A" target="_blank">Watch more tutorials here</a> </td>
    </tr>
  </table>
</div>
<div id="footer">This site has been created to support the Google Creative Breakfast in Singapore on 10th October, 2008. The site is not going to be updated after 16th October. For more information on being creative on
  the Google platform please head to <a href="http://code.google.com">http://code.google.com</a></div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-1857529-5");
pageTracker._trackPageview();
</script>
</body>
</html>
